<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	<title></title>
</head>
<body>
	<div class="container">
		<!-- .container容器实现固定宽度且居中 -->
		<h3>无序列表</h3>
		<!-- ul>li*3  tab键有如下效果 -->
		<ul>
			<li>网页</li>
			<li>咨询</li>
			<li>贴吧</li>
		</ul>
		<h3>有序列表</h3>
		<!-- ol>li{第$步骤}*3  rab键有如下效果-->
		<ol>
			<li>第1步骤</li>
			<li>第2步骤</li>
			<li>第3步骤</li>
		</ol>
	</div>
	<div class="container">
		<ul class="list-unstyled list-inline">
			<li class="list-inline-item">学校概况</li>
			<li class="list-inline-item">组织机构</li>
			<li class="list-inline-item">教育教学     
				<ul class="list-unstyled">      <!-- 无序列表的嵌套 -->
					<li>本科生教育</li>
					<li>研究生教育</li>
					<li>留学生教育</li>
					<li>继续教育</li>
				</ul>
			</li>
		</ul>
	</div>
	<div class="container">
		<dl class="row">
			<!-- definition list -->
			<!-- definition title -->
			<!-- definition description -->
			<dt class="col-sm-3 border py-5 bg-success">初级考试</dt>
			<dd class="col-sm-9 border py-5 bg-success">面向职业高中毕业生</dd>
			<dt class="col-sm-3 border py-5 bg-success">中级考试</dt>
			<dd class="col-sm-9 border py-5 bg-success">面向高职毕业生，通过率一般百分之四十，考察php</dd>
			<dt class="col-sm-3 border py-5 bg-success">高级考试</dt>
			<dd class="col-sm-9 border py-5 bg-success">面向本科毕业生，到2021年底，全国通过人数不足100人，我校50</dd>
		</dl>
	</div>
</body>
</html>